<template>
	
		<div class="row">
				<div class="product_servicebox">
					<h2 class='product' id="product">产品服务</h2>
					<p>满足客户日益变化的多样化需求，不断突破创新，帮助客户降低成本，为客户提供灵活安全高品质的服务</p>
					<div class="row">
						<div class="col-lg-2 ">

						</div>
						<div class="col-lg-8">
							<div class="serverbox">
								<div class="server">

									<img src="images/safeguard.png" />
									<b>保障数据安全</b>
									<p class="servercont"> 银行级用户数据加密，动态身份验证，多级风险识别控制，资金第三方托管，确保资金交易安全</p>
								</div>
								<div class="server">

									<img src="images/exploit.png" />
									<b>支持多种开发</b>
									<p class="servercont"> 内置多种功能模板，可定制开发</p>
								</div>
								<div class="server">

									<img src="images/yizhanshi.png" />
									<b>一站式服务</b>
									<p class="servercont">提供整套解决方案，平台建站，定制开发，后期维护，运营支持，服务器、SSL认证等一站式服务</p>
								</div>
								<div class="server">

									<img src="images/shouhou1.png" />
									<b>保障数据安全</b>
									<p class="servercont">专业的团队，高效的售后服务，运营指导和建议，让您放心选择，而无后顾之忧！</p>
								</div>

							</div>
						</div>
						<div class="col-lg-2">

						</div>

					</div>
			
	</div>
	</div>
</template>

<script>
</script>

<style>
	
/*产品服务*/
.product_servicebox{
	width: 100%;
	min-height:  46rem;
	background: #F7F8FB;
	margin-top: -2rem;
	text-align: center;
}
.product{
	text-align: center;
	font-size: 26px;
	height: 10rem;
	line-height: 16rem;
	font-weight:600;
}
.serverbox{
	display: flex;
	flex-direction: row;
	/*background: #31708F;*/
}
.serverbox .server{
	margin-top: 4.6rem;
	 width: 25%;
	 height: auto;
	 text-align: center;

}
.server img{
	width: 6rem;
	height: 6rem;
	margin-bottom:2rem
}
.server b{
	font-size: 16px;
	display: block;
	line-height:5rem;
}
.servercont{
	font-size: 16px;
	letter-spacing: 1px;
	padding: 4px;
	margin: 4px;
}
</style>